<template>
  <div class="home-container">
    <header-vue></header-vue>
    <router-view class="main"></router-view>
    <footer-vue></footer-vue>
    <el-backtop target=".home-container"></el-backtop>
  </div>
</template>

<script>
  import headerVue from "../../components/headerVue";
  import footerVue from "../../components/footerVue";

  export default {
    name: "index",
    components: {
      headerVue,
      footerVue
    },
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  .main {
    margin-top: @height-header + 20px;
    min-height: calc(100vh - 160px);
  }
  .home-container{
    height: 100vh;
    overflow-x: hidden;
  }
</style>
